*{
    margin:0;
    padding: 0;
}
.container{
    width:400px;
    height:500px;
    /* border:1px solid #ccc; */
    margin: 20px auto;
}
.top{
    width:100%;
    height:40px;
    font-size:30px;
    text-align: center;
    line-height:40px;
    color:#333;
    font-weight: bold;
}
.group{
    width:350px;
    height:45px;
    text-align: center;
    line-height:45px;
    margin:15px auto;
    box-sizing: border-box;
    border:1px solid #ccc;
    display: flex;
}
.group:hover{
     border-color:#333;
}
p{
    width:60px;
    height:100%;
    text-align: center;
    line-height:45px;
}
.input{
    width:160px;
    height:100%;

}
.input input{
    display: block;
    width:150px;
    height:30px;
    outline:medium;
    border:none;
    margin-top:8px;
}
.sex{
    width:350px;
    height:45px;
    /* text-align: center; */
    line-height:45px;
    margin:5px auto;
}
.hobby{
    width:350px;
    height:45px;
    /* text-align: center; */
    line-height:45px;
    margin:5px auto;
}
.save{
    width:350px;
    height:45px;
    text-align: center;
    line-height: 45px;
    font-size:30px;
    margin:5px auto;
}
.save input{
    width:350px;
    height:45px;
    text-align: center;
    line-height: 45px;
    font-size:30px;
    background:rgba(4, 28, 243, 0.747); 
    color:#fff; 
    border: none;
    cursor: pointer;
}
.save input:hover{
    opacity:0.8;
}